﻿<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<Sita.Presentation.ViewModels.LogOnModel>" %>

<%@ Import Namespace="Sita.Presentation.Resources.Account" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>SITA</title>
    <link href="<%= Url.Content("~/Content/Styles/screen.css") %>" rel="stylesheet" type="text/css" />
    <script src="<%= Url.Content("~/Scripts/Shared/jQuery/jquery-1.4.1.min.js") %>" type="text/javascript"></script>
    <script src="<%= Url.Content("~/Scripts/Shared/jQuery/custom_jquery.js") %>" type="text/javascript"></script>
    <script src="<%= Url.Content("~/Scripts/Shared/jQuery/jquery.pngFix.pack.js") %>"
        type="text/javascript"></script>
    <script src="<%= Url.Content("~/Scripts/Microsoft/MicrosoftAjax.debug.js") %>" type="text/javascript"></script>
    <script src="<%= Url.Content("~/Scripts/Microsoft/MicrosoftMvcAjax.debug.js") %>"
        type="text/javascript"></script>
    <script src="<%: Url.Content("~/Scripts/Account/LogOn.js?" + DateTime.Now.ToString()) %>"
        type="text/javascript"></script>
    <link href="<%= Url.Content("~/Content/Styles/bootstrap.css") %>" rel="stylesheet"
        type="text/css" />
    <link href="<%= Url.Content("~/Content/Styles/bootstrap-theme.css") %>" rel="stylesheet"
        type="text/css" />
    <script src="<%: Html.AuthenticateUrl("~/Content/Common/bootstrap.js") %>" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $(document).pngFix();
        });
    </script>
</head>
<body id="login-bg">
    <div id="login-holder">
        <% using (Ajax.BeginForm("LogOn", "Account", new AjaxOptions() { OnBegin = "logOnBeforeSend", OnComplete = "logOnResult" }))
           {%>
        <!-- start logo -->
        <div id="logo-login">
            <img src="../../Content/Images/shared/logo.png" width="156" height="40" alt="" />
        </div>
        <!-- end logo -->
        <div class="clear">
        </div>
        <!--  start loginbox ................................................................................. -->
        <div id="loginbox">
            <!--  start login-inner -->
            <%--<div id="login-inner">
                <table border="0" cellpadding="0" cellspacing="0">
                    <tr>
                        <th>
                            <%: LogOn.Username%>:
                        </th>
                        <td>
                            <%: Html.TextBoxFor(model => model.Username, new { maxlength = 16, @class = "login-inp"})%>
                            <%: Html.ValidationMessageFor(model => model.Username) %>
                        </td>
                    </tr>
                    <tr>
                        <th>
                            <%: LogOn.Password%>:
                        </th>
                        <td>
                            <%: Html.PasswordFor(model => model.Password, new { maxlength = 16, @class = "login-inp" })%>
                            <%: Html.ValidationMessageFor(model => model.Password)%>
                        </td>
                    </tr>
                    <%--<tr>
                        <th>
                        </th>
                        <td valign="top">
                            <input type="checkbox" class="checkbox-size" id="login-check" /><label for="login-check">Remember
                                me</label>
                        </td>
                    </tr>--%>
            <%--<tr>
                        <th>
                        </th>
                        <td>
                            <input type="submit" value="Login" id="ProcessLogon" class="submit-login" />
                        </td>
                    </tr>
                </table>
            </div>--%>
            <form class="form-signin" role="form">
            <h2 class="form-signin-heading">
                Iniciar sesión</h2>
            <%: Html.TextBoxFor(model => model.Username, new { maxlength = 16, @class = "form-control", placeholder = "Usuario" })%>
            <!--login-inp-->
            <%: Html.ValidationMessageFor(model => model.Username) %>
            <%: Html.PasswordFor(model => model.Password, new { maxlength = 16, @class = "form-control", placeholder = "Contraseña" })%>
            <!--login-inp-->
            <%: Html.ValidationMessageFor(model => model.Password)%>
            <label class="checkbox">
                <!--<input type="checkbox" value="remember-me"> Remember me-->
            </label>
            <input type="submit" value="Login" id="ProcessLogon" class="btn btn-lg btn-primary btn-block" />
            </form>
            <!--  end login-inner -->
            <div class="clear">
            </div>
            <%--<a href="#" onclick="return false;" id="ForgotPassword" class="forgot-pwd">
                <%: LogOn.ForgotPassword %></a>--%>
            <%--<div class="loginPanel-center-r4" style="display: none">
                        <div class="loginPanel-center-r4-col1">
                            <%: Html.Image("login_icon_tick.png", string.Empty, new { id = "AuthStep", width = 25, height = 25 })%>
                        </div>
                        <div class="loginPanel-center-r4-col2">
                            <%: LogOn.Authenticating %>
                        </div>
                        <div class="loginPanel-center-clear">
                        </div>
                    </div>
                    <div class="loginPanel-center-r5" style="display: none">
                        <div class="loginPanel-center-r5-col1">
                            <%: Html.Image("login_icon_arrow.png", string.Empty, new { id = "ResStep", width = 25, height = 25 })%>
                        </div>
                        <div class="loginPanel-center-r5-col2">
                            <%: LogOn.LoadingResources %>
                            <div id="PreloaderContainer" style="float: right;">
                            </div>
                        </div>
                        <div class="loginPanel-center-clear">
                        </div>
                    </div>
                    <div class="loginPanel-center-r6" style="display: none">                    
                        <div id="progressbar" class="ui-progressbar ui-widget ui-widget-content ui-corner-all">                        
                        </div>
                        <a id="CancelLoading" href="#">
                            <%: LogOn.Skip %></a>
                    </div>--%>
        </div>
        <!--  end loginbox -->
        <!--  start forgotbox ................................................................................... -->
        <div id="forgotbox">
            <%--SendPasswordBox--%>
            <div id="forgotbox-text">
                <%: LogOn.SendPassword %></div>
            <!--  start forgot-inner -->
            <div id="forgot-inner">
                <table border="0" cellpadding="0" cellspacing="0">
                    <tr>
                        <th>
                            <%: LogOn.Email %>:
                        </th>
                        <td>
                            <input type="text" value="" class="login-inp" />
                        </td>
                    </tr>
                    <tr>
                        <th>
                        </th>
                        <td>
                            <input id="SendPassword" type="button" class="submit-login" value="<%: LogOn.Send %>" />
                            <input id="CancelPassword" type="button" class="submit-login" value="<%: LogOn.Cancel %>" />
                        </td>
                    </tr>
                </table>
                <%--<div id="SendingPassword" class="loginPanel-center-r4" style="display: none;">
                        <div class="loginPanel-center-r4-col1">
                            <%: Html.Image("login_icon_tick.png", string.Empty, new { width = 25, height = 25 })%>
                        </div>
                        <div id="SendingPasswordStatus" class="loginPanel-center-r4-col2">
                        </div>
                        <div class="loginPanel-center-clear">
                        </div>
                    </div>--%>
            </div>
        </div>
        <!--  end forgotbox -->
        <%} %>
    </div>
    <!-- End: login-holder -->
</body>
</html>
